<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>充实文档的内容</title>
    <style>
        body {
            font-family: "Helvetica", "Arial", sans-serif;
            font-size: 10pt;
        }

        abbr {
            border: 0;
            font-style: normal;
            text-decoration: none;
        }
    </style>
</head>
<body>
<h1>What is the Document Object Model?</h1>
<p>
    The <abbr title="World Wide Web Consortium">W3C</abbr> defines
    the <abbr title="Document Object Model">DOM</abbr> as:
</p>
<blockquote cite="http://www.w3c.org">
    <p>
        A platform- and language-neutral interface that will allow programs
        adn scripts to dynamically access and update the content, structure and style of documents.
    </p>
</blockquote>
<p>
    It is an <abbr title="Application Programming Interface">API</abbr>
    that can be used to navigate <abbr title="HyperText Markup Language">HTML</abbr>
    and <abbr title="Extensible Markup Language">XML</abbr> documents.
</p>
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">-->
<dl>
    <dt>W3c</dt>
    <dd>World Wide Consortium</dd>
    <dt>DOM</dt>
    <dd>Document Object Model</dd>
    <dt>API</dt>
    <dd>Application Programming Interface</dd>
    <dt>HTML</dt>
    <dd>HyperText Markup Language</dd>
    <dt>XML</dt>
    <dd>Extensible Markup Language</dd>
</dl>
<dl id="dl">
    <dt>Title 1</dt>
    <dd>Description 1</dd>
    <dt>Title 2</dt>
    <dd>Description 2</dd>
</dl>
<a href="index.html" accesskey="1"></a>
<ul id="navigation">
    <li><a href="index.html" accesskey="1">Home</a></li>
    <li><a href="search.html" accesskey="4"></a></li>
    <li><a href="contact.html" accesskey="9"></a></li>
</ul>
<script>
    function displayAbbreviations() {
        var supported = !document.getElementsByTagName || !document.createElement || !document.createTextNode;
        if (supported) {
            return false;
        }

        var abbreviations = document.getElementsByTagName('abbr');
        if (abbreviations.length < 1) {
            return false;
        }

        var definitions = [];
        var list = document.createElement('dl');
        for (var i = 0; i < abbreviations.length; i++) {
            var currentAbbr = abbreviations[i];
            if (currentAbbr.childNodes.length < 1) {
                continue;
            }

            var definition = currentAbbr.getAttribute('title');
            var key = currentAbbr.lastChild.nodeValue;
            definitions[key] = definition;

            var title = document.createElement('dt');
            var text = document.createTextNode(key);
            title.appendChild(text);

            var description = document.createElement('dd');
            text = document.createTextNode(definition);
            description.appendChild(text);

            list.appendChild(title);
            list.appendChild(description);
        }

        if (list.childNodes.length < 1) {
            return false;
        }

        var header = document.createElement('h2');
        text = document.createTextNode('Abbreviations');
        header.appendChild(text);

        document.body.appendChild(header);
        document.body.appendChild(list);
    }

    function displayCitations() {
        var supported = !document.getElementsByTagName || !document.createElement || !document.createTextNode;
        if (supported) {
            return false;
        }

        var quotes = document.getElementsByTagName('blockquote');
        for (var i = 0; i < quotes.length; i++) {
            var url = quotes[i].getAttribute('cite');
            if (!url) {
                continue;
            }

            var quoteChildren = quotes[i].getElementsByTagName('*');
            if (quoteChildren.length < 1) {
                continue;
            }

            var elem = quoteChildren[quoteChildren.length - 1];
            var link = document.createElement('a');
            var text = document.createTextNode('source');
            link.appendChild(text);
            link.setAttribute('href', url);

            var superscript = document.createElement('sup');
            superscript.appendChild(link);
            elem.appendChild(superscript);
        }
    }
</script>
</body>
</html>